html{
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	margin: 0px;
	padding:0px;
	background-image: url(images/admin_bg.gif);
	background-repeat: repeat-x;
	
}

body, td, div, strong, b {
	color: #666666;
	margin:0;
	padding:0;
}
body, td, th, input, select, textarea, option, optgroup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a, a:visited {
	text-decoration:none;
	color: #003366;
	cursor: pointer;
}
img{
	border:none;
}

/*=========================== Upload Products Images =====================*/
#upload{
	padding:				5px;
	font-weight:			bold; 		
	font-size:				1.3em;
	font-family:			Arial, Helvetica, sans-serif;
	text-align:				center;
	background:				#f2f2f2;
	color:					#3366cc;
	border:					1px solid #ccc;
	width:					150px;
	cursor:					pointer !important;
	-moz-border-radius:		3px; 
	-webkit-border-radius:	3px;
}
.darkbg{
	background:				#ddd !important;
}
#status{
	font-family:			Arial; 
	padding:				5px;
}
ul li{
	list-style:				none;
}
ul#bank_img{ 
	list-style:				none; 
	padding:				0; 
	margin:					0; 
}
ul#bank_img li{ 
	float: 					left;
	margin-bottom: 			10px;
	margin-right: 			10px;
	padding: 				2px;
	list-style:				none;
}
.success{ 
	border:					1px solid #ddd; 
}
.error{ 
	background:				#f0c6c3; 
	border:					1px solid #cc6622; 
}

div.topbar {
	background-image: url(images/admin_topbarbg.gif);
	background-repeat: repeat-x;
	font-size: 30pt;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Trebuchet MS", verdana, arial, serif;
	min-width: 900px;
}

td.topbar_right {
	border-bottom: 1px solid #C8CCD1;
}

td.topbar_menu {
	background-color: #436088;
	background-image: url(images/admin_topbar_menu.gif);
	background-repeat: repeat-x;
	color: #EEEEEE;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.shadow {
	background-image: url(images/admin_shadow.gif);
	background-repeat: repeat-x;
	height: 8px;
}

td {
	
}

td.leftside {
	vertical-align: top;
	padding: 10px;
	padding-top: 0px;
}

td.rightside {
	padding: 10px;
	padding-top: 0px;
	padding-left: 0px;
	vertical-align: top;
	font-family: "Trebuchet MS", verdana, arial, serif;
	color: #555555;
	width: 800px;
}

div.menu_section {
	width: 168px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	margin-bottom: 10px;
}
.clear{
	clear: both;
	margin: 10px 0;
}

.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
	padding: 10px;
}
.list tbody a {
	text-decoration: none;
}
.list tbody td {
	vertical-align: middle;
	padding: 0px 5px;
}
.list tbody tr{
	height: 30px;
}
.list tbody tr:odd {
	background: #FFFFFF;
}
.list tbody tr:even {
	background: #E4EEF7;
}
.list .left {
	text-align: left;
	padding: 7px;
}
.list .right {
	text-align: right;
	padding: 7px;
}
.list .center {
	text-align: center;
	padding: 7px;
}
.list .asc {
	padding-right: 15px;
	background: url('images/asc.png') right center no-repeat;
}
.list .desc {
	padding-right: 15px;
	background: url('images/desc.png') right center no-repeat;
}
.list .filter td {
	padding: 5px;
	background: #E7EFEF;
}
.scrollbox {
	border: 1px solid #CCCCCC;
	width: 350px;
	height: 120px;
	background: #FFFFFF;
	overflow-y: scroll;
}
.scrollbox div {
	padding: 3px;
}
.scrollbox div input {
	margin: 0px;
	padding: 0px;
	margin-right: 3px;
}
.scrollbox div.even {
	background: #FFFFFF;
}
.scrollbox div.odd {
	background: #E4EEF7;
}

.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form tr td:first-child {
	width: 100px;
}
.form > * > * > td {
	padding: 10px;
	color: #000000;
	border-bottom: 1px dotted #CCCCCC;
}
.menu a {
	background-color: #FFFFFF;
	background-image: url(images/admin_menu_bg1.gif);
	background-repeat: repeat-y;
	background-position: top right;
	border-bottom: 1px solid #DDDDDD;
	padding: 3px;
	padding-left: 5px;
	
	font-family: "Trebuchet MS", verdana, arial, serif;
	display: block;
}

.menu a:hover {
	background-color: #F5F5F5;
	background-image: url(images/admin_menu_bg2.gif);
}


.menu_header,#title_menu {
	color: #FFFFFF;
	background-color: #436088;
	background-image: url(images/admin_header.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	padding-left: 8px; 
	font-family: "Trebuchet MS", verdana, arial, serif;
}
#title_menu span{
	float:right;
	cursor:pointer;
}
.menu li{
	line-height:20px;
}

td.header {
	color: #FFFFFF;
	background-color: #436088;
	background-image: url(images/admin_header.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	
	padding: 5px;
	padding-left: 8px;
	font-family: "Trebuchet MS", verdana, arial, serif;
}
.warning {
	padding: 15px 0px;
	margin-bottom: 15px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 12px;
	text-align: center;
}
#content {
	padding: 10px 30px 0px 30px;
	min-width: 900px;
	padding-bottom: 128px;
}
.success {
	padding: 15px 0px;
	margin-top:10px;
	margin-bottom: 15px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
}

.rightside .box{
	width: 100%;
	min-width: 700px;
}

.box {
	margin-bottom: 15px;
}

.box > .heading {
	height: 40px;
	background: url('images/box_center.png') repeat-x;
	margin-bottom: 0px;
}
.box > .left {
	float: left;
	width: 7px;
	height: 40px;
	background: url('images/box_left.png') no-repeat;
}
.box > .right {
	float: right;
	width: 7px;
	height: 40px;
	background: url('images/box_right.png') no-repeat;
}
.box > .heading h1 {
	background-position:  2px 9px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 11px 0px 11px 30px;
	color: #003A88;
	font-size: 16px;
	float: left;
}
.box > .heading .buttons {
	float: right;
	padding-top: 8px;
}
.box > .content {
	padding: 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	min-height: 300px;
}


/*=========================== CSS3 Button ===========================*/
.button, 
.button:visited {
	background: 			#222 url(../styles/images/overlay.png) repeat-x;
	display: 				inline-block;
	padding: 				5px 10px 6px;
	color: 					#fff;
	text-decoration: 		none;
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	-moz-box-shadow: 		0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 	0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 			0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 			1px solid rgba(0,0,0,0.25);
	position: 				relative;
	cursor: 				pointer;
}
.small.button, 
.small.button:visited{ 
	font-size: 				11px;
}
.button, 
.button:visited,
.medium.button, 
.medium.button:visited { 
	font-size: 				13px;
	font-weight: 			bold;
	line-height: 			1;
	text-shadow: 			0 -1px 1px rgba(0,0,0,0.25);
}

.large.button, 
.large.button:visited{ 
	font-size: 				14px;
	padding: 				8px 14px 9px; 
}
.super.button, 
.super.button:visited{ 
	font-size: 				34px;
	padding: 				8px 14px 9px; 
}
.pink.button, 
.magenta.button:visited{ 
	background-color: 		#e22092; 
}
.pink.button:hover{ 
	background-color: 		#c81e82; 
}
.green.button, 
.green.button:visited{ 
	background-color: 		#91bd09; 
}
.green.button:hover{ 
	background-color: 		#749a02; 
}
.red.button, 
.red.button:visited{ 
	background-color: 		#e62727; 
}
.red.button:hover{ 
	background-color:		#cf2525; 
}
.orange.button, 
.orange.button:visited{ 
	background-color: 		#ff5c00; 
}
.orange.button:hover{ 
	background-color: 		#d45500; 
}
.blue.button, 
.blue.button:visited{ 
	background-color: 		#2981e4; 
}
.blue.button:hover{ 
	background-color: 		#2575cf; 
	color:					white;
}
.yellow.button, 
.yellow.button:visited{ 
	background-color: 		#ffb515; 
}
.yellow.button:hover{ 
	background-color: 		#fc9200; 
}



.menu li {
	line-height: 20px;
}
.sf-menu li {
	background: #BDD2FF;
}
.sf-menu li {
	position: relative;
}
.sf-menu, .sf-menu * {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#wrapper{
	margin: 0px auto;
	max-width: 1000px;
	min-height: 420px;
	min-width: 900px;
}

#footer {
	background: #FFFFFF url('images/footer.png') repeat-x;
	padding-top: 38px;
	text-align: center;
	font-size: 12px;
	color: #333;
	position: relative;
	clear: both;
}
#footer a {
	color: #333;
	text-decoration: underline;
}